<template>
    <div>
        <el-card style="width: 70%; height: 70%; margin: 70px auto;">
            <div style="margin: 20px 20px;display: flex;flex-direction: row; justify-content: center; align-items: center;">
                <el-empty :image-size="150"></el-empty>

                <div>
                    <span style="font-size: 100px;margin-left: 100px">500</span>
                    <div style="display: flex;align-content: center;justify-content: center;font-size: 30px;margin-left: 100px">
                        系统错误
                    </div>
                </div>


            </div>
            <div style="display: flex;flex-direction: row; justify-content: center; align-items: center;">
                <el-button style="width: 100px; height: 50px;font-size: 15px; margin: 0 30px;margin-bottom: 30px"
                           type="primary" @click="showHomePage">去首页
                </el-button>
                <el-button style="width: 100px; height: 50px;font-size: 15px; margin: 0 30px;margin-bottom: 30px"
                           @click="backPage">返回
                </el-button>
            </div>


            <!--            <div style="float: right;">-->
            <!--                <div style="display: flex;flex-direction: row; justify-content: center; align-items: center;">-->
            <!--                    <img src="../assets/tsxy.jpg" width="60" height="60">-->
            <!--                    <span style="font-size: 35px;font-family: 华文新魏">XXXX大学</span>-->
            <!--                </div>-->
            <!--                <div>-->
            <!--                    <span style="font-size: 25px;font-family: 华文仿宋">人工智能学院  _  计算机科学与技术</span>-->
            <!--                </div>-->
            <!--                <div style="display: flex;justify-content: center">-->
            <!--                    <span style="font-size: 25px;font-family: 华文仿宋">学号 _ 姓名</span>-->
            <!--                </div>-->
            <!--            </div>-->

        </el-card>

    </div>


</template>


<script>
import {defineComponent} from 'vue'


export default defineComponent({
        name: "403",
        data() {
            return {}
        },
        methods: {
            showHomePage() {
                this.$router.push("/")
            },
            backPage() {
                this.$router.go(-1)
            }

        }
    }
)
</script>

<style scoped>

</style>